<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>官网用户</title>
	<%@ include file="/view/common/tags.jsp"%>
	<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"> </script>
</head>
<body>
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="box">
                    <div class="box-body">
                       <div class="panel panel-default">
                            <div class="panel-body" style="padding-bottom:5px;">
                                <form class="form-horizontal" action="/kfManage/list" method="post" id="dataForm">
                                	<input type="hidden" id="token" name="token" value=""/>
                                	<div class="searchMenu">
                                        <div>
                                            <label>名称：</label>
                                            <input type="text" class="form-control" name="userName" id="userName" value="" placeholder="输入名称">
                                        </div>
	                                    <div>
                                		    <label>Email：</label>
                                            <input type="text" class="form-control" name="userEmail" value=""  placeholder="请输入邮箱">
                                        </div>
	                                    <div class="mal10" >
	                                        <button type="button"  class="btn btn-primary btn-sm"  onclick="findData()"><span class='glyphicon glyphicon-search'></span>查&nbsp;询</button>
	                                    </div>
                                	</div>
                                </form>
                            </div>
                        </div>
                        <table class="table table-hover table-condensed table-bordered table-striped" id="dataTable" >
                            <thead>
                                <tr>
                                	<th data-field="index" data-align="center" data-formatter="indexFormatter">序号</th>
                                    <th data-field="userName" data-align="center">名称</th>
                                    <th data-field="userEmail" data-align="center">Email</th>
                                    <th data-field="createTime" data-align="center">提交时间</th> 
                                </tr>
                            </thead>
                        </table>
                   	</div>
            	</div>
           	</div>
		</div>
    </section>
   <%@ include file="/view/common/footer.jsp"%>
</body>
<script>

//提示信息
var msgg='<%=request.getAttribute("msg")%>';
if( msgg && msgg!=null && msgg!='null'){ 
   layer.msg(msgg);
}

// 加载table 数据
$(function(){
	 $("#token").val(sessionStorage.getItem("token"));
	 
    $("#dataTable").bootstrapTable({ 
    	url: "/cardUser/bgUser/data",
    	method:"get", 
    	pagination:true,
    	sidePagination:"server",
    	queryParams: function(params) {
            return $.extend({}, params, parseJson(decodeURIComponent($("#dataForm").serialize())));     
        }
   }); 
 })

//查询
function findData(){
    $("#dataTable").bootstrapTable("refresh",{} );
}

</script>
</html>